<template>
	<div class="row busimee_nav">
		<div class="col-xs-3 busimee_nav_link">
			<router-link to="/">
				<i class="iconfont icon-home"></i>
				<span>{{$t("block.home")}}</span>
			</router-link>
		</div>
		<div class="col-xs-3 busimee_nav_link">
			<router-link to="/Hall">
				<i class="iconfont icon-hall"></i>
				<span>{{$t("block.hall")}}</span>
			</router-link>
		</div>
		<div class="col-xs-3 busimee_nav_link">
			<router-link to="/Service">
				<i class="iconfont icon-service"></i>
				<span>{{$t("block.service")}}</span>
			</router-link>
		</div>
		<div class="col-xs-3 busimee_nav_link">
			<router-link to="/Personal">
				<i class="iconfont icon-personal"></i>
				<span>{{$t("block.personal")}}</span>
			</router-link>
		</div>
	</div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
.busimee_nav {
  width: 100%;
  height: 60px;
  position: fixed;
  bottom: 0px;
  z-index: 99;
  background: #fff;
  border-top: 1px solid #ccc; }

.busimee_nav_link {
  padding: 8px 0 7px 0; }

a i {
  display: block;
  font-size: 20px;
  text-align: center; 
	text-decoration: none;}

a span {
  display: block;
  font-size: 12px;
  text-align: center; }
 a.router-link-active{
	 color: #000;
	 text-decoration: none;
 }
</style>
